<!DOCTYPE html>
<html>
<head>
	<title>%title</title>
</head>
<!-- <script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src='bootstrap/bootstrap/js/bootstrap.min.js'></script>
<link rel='stylesheet' type='text/css' href='bootstrap/bootstrap/css/bootstrap.min.css'> -->
<style type="text/css">
	*{
		margin: 0px;
		padding: 0px;
	}
	.w800{
		width: 800px;
		margin:0px auto;
		background-color: #eee;
	}
	h1{text-align: center;}
	a{text-decoration: none;color:#999;margin-left:50px;font-size:20px;font-weight:bold;padding:5px;display:inline-block;border-radius: 10px;border-bottom: 1px solid #eee;}
	.a2{margin-left:20px;}
	a:hover{color:#333;border-bottom: 1px solid #999;background-color: #fff;}
	hr{
		color: #fff;
		margin: 50px 0px;
	}
	.container{
		width: 560px;
		margin:0px auto;
		opacity:0.7;
	}
	.container h6{
		padding: 10px;
		font-size: 16px;
		color: #333;
	}
	.container h6 span{
		float: right;
		font-size: 14px;
		color: #666;
	}
	.container p a{
		float: right;
		font-size: 12px;
		color: #666;
		padding:2px;
		border-radius: 5px;
	}
	.container p{
		color: #999;
		font-size:18px;
		padding: 10px;
		border-bottom: 1px dotted #999; 
		overflow: hidden;
	}
	#index{
		padding-top:20px;
		margin-bottom: 30px;
	}
	.container:nth-of-type(odd){ background:#ccc ;}
	/*.container p a:nth-of-type(odd):hover{ background:#ccc ;}
	.container p a:nth-of-type(even):hover{ background:#fff ;}*/
	.container:hover{
		opacity:1;
	}
	form *{
			vertical-align: top;
			
		}
	form{
		margin-left: 120px;
		}
	input{
		margin-bottom: 20px;
		border:1px solid #eee;
		height: 22px;
	}
	textarea{
		margin-bottom: 20px;
		border:1px solid #eee;
	}
	.up{
		margin: 30px 20px;
		border-radius: 5px;
		font-size: 20px;
	}
	.up:hover{
		color: #fff;
		background-color: #999;
	}
</style>
<body>
 <div class="w800">
 	<h1 id="index" class="active">%title</h1>
	<a class='a1' href='index.html'>当前页</a>
	<!-- <a class='a2' href='about.html'>关于</a> -->
	<a class='a2' href='del'>千万别点</a>
	<!-- <a class='a2' href='A1.html'>扑克效果</a>
	<a class='a2' href="J'blog.html">J的博客</a>
	<a class='a2' href='plan.html'>飞机游戏</a> -->
	<hr/>
	<form method="POST" action="/addmessage">
		<input style="width:555px;" type="text" name="author" value="代号：">
		<br>
		<textarea rows="5" cols="65" name="message"></textarea>
		<input class="up" type="submit" value="提 交">
	</form>
	%main
	
 </div>

</body>
</html>
